<template>
     <el-card class="box-card" v-for="(item, index) in state.returnQuestionList" :key="index"
        shadow="hover"
        :class="{active:state.selectIndex==index}"
        @click="selectCardClick(index)"
      >
          <template #header>
            <div class="card-header">
              <span>题号：{{ item.order }} </span>
              <span>知识点：{{ item.knowledgepoint_cn }}</span>
              <span>题型：{{item.type_cn}}</span>
              <el-row>
                <span>难度</span>
                <el-rate v-model="item.difficulty_level" disabled/>
              </el-row>
              <span>日期：{{ item.publish_time }}</span>
              <span>来源：{{ item.reference }}</span>    
              <el-button :icon="EditPen" size="small" @click="editeOneQuestionClick(item,index)" ></el-button>
              <el-button :icon="Plus" size="small" @click="addOneQuestionClick(item,index)" ></el-button>
              <el-button :icon="Delete" size="small" @click="deleteOneQuestionClick(index)" ></el-button>        
            </div>
        </template>
        <div class="card-body">           
            <div v-html="item.content_front" class="line-break"></div>
            <el-image v-for="url in item.images" :key="url" :src="url" style="width: 150px;height: 100px;" />  
            <p>【答案】</p>
            <div v-html="item.answer_front" class="line-break"></div>
             <p>【解析】</p>
            <div v-html="item.explain_front" class="line-break"></div>
            <el-image v-for="url in item.images_explain" :key="url" :src="url" style="width: 150px;height: 100px;" />  
    
        </div>
      </el-card>
</template>  

<script setup>

</script>
<style scoped>

</style>